import React, {Component} from 'react';

import {
    createStackNavigator,
    createBottomTabNavigator,
    createAppContainer,
    createMaterialTopTabNavigator,
	createSwitchNavigator
} from 'react-navigation';


import MainPage from './MainPage';   // 首页
import Login from './Login';  //登录
import Register from './Register'; //注册
import HudongPage from './HudongPage';   // 互动页面
import MineHudongPage from './MineHudongPage';   // 我的发帖、收藏
import NewsPage from './NewsPage';   // 资讯页面
import MinePage from './MinePage';          // 我的页面
import DetailsPage from './DetailsPage';     // 详情页——没用
import NewsDetail from './NewsDetail';     // 资讯详情页
import SendVideo from './SendVideo';     // 发视频
import SendWords from './SendWords';     // 发帖
import HudongDetail from './HudongDetail';     // 互动详情
import SystemSetting from './SystemSetting';   //系统设置
import MessageList from './MessageList';    //  消息通知
import MessageDetail from './MessageDetail';    //  消息详情
import MyProfile from './MyProfile';  //  个人资料
import ChangePassword from './ChangePassword';  //  修改密码
import EditInput from './EditInput';  //  系统设置各种输入页面
import Brand from './Brand';  //  品牌二级
import BrandList from './BrandList';  //  品牌三级
import BrandDetail from './BrandDetail';  //品牌详情
import Search from './Search';  //搜索
import AuthLoadingScreen from './AuthLoadingScreen';
import QuestionList from './QuestionList';  //  常见问题
import QuestionDetail from './QuestionDetail';  //常见问题详情
import AboutUs from './AboutUs';  //常见问题详情
import {Image} from "react-native";

const appContainer = createAppContainer(createSwitchNavigator(
	{
		AuthLoading: AuthLoadingScreen,
		Mine: MinePage
	},
	{
		initialRouteName: 'AuthLoading',
	}
));

// 注册tabs
const Tabs = createBottomTabNavigator({
    Home: {
        screen: MainPage,
    },
    News: {
        screen: NewsPage,
    },
    Hudong: {
        screen: HudongPage,
    },
    Me: {
        screen: appContainer,
        navigationOptions:{
	        headerTitle: '我的',
	        tabBarLabel: '我的',
	        tabBarIcon: ({focused}) => {
		        if (focused) {
			        return (
				        <Image style={{height: 30, width: 30}}
				               source={require('./images/wode1.png')}/>
			        );
		        }
		        return (
			        <Image style={{height: 30, width: 30}}
			               source={require('./images/wode.png')}/>
		        );
	        },
        }
    },

}, {
    animationEnabled: true, // 切换页面时是否有动画效果
    tabBarPosition: 'bottom', // 显示在底端，android 默认是显示在页面顶端的
    swipeEnabled: false, // 是否可以左右滑动切换tab
    backBehavior: 'none', // 按 back 键是否跳转到第一个Tab(首页)， none 为不跳转
    tabBarOptions: {
        activeTintColor: 'rgb(60,120,255)', // 文字和图片选中颜色
        inactiveTintColor: '#999', // 文字和图片未选中颜色
        showIcon: true, // android 默认不显示 icon, 需要设置为 true 才会显示
        indicatorStyle: {
            height: 0  // 如TabBar下面显示有一条线，可以设高度为0后隐藏
        },
        style: {
            backgroundColor: '#fff', // TabBar 背景色
        },
        labelStyle: {
            fontSize: 14, // 文字大小
        },
    },
});


const StacksOverTabs = createStackNavigator({
        Main: {
            screen: Tabs
        },
		Login: {
			screen: Login
		},
		AuthLoadingScreen : {
			screen: AuthLoadingScreen
		},
        Register: {
            screen: Register
        },
        DetailsPage: { // 详情页——没用
            screen: DetailsPage
        },
        NewsDetail: { // 新闻详情页
            screen: NewsDetail
        },
        SendVideo: { // 发视频
            screen: SendVideo
        },
        SendWords: { // 发帖
            screen: SendWords
        },
        HudongDetail: { // 互动详情
            screen: HudongDetail
        },
        SystemSetting: { // 系统设置
            screen: SystemSetting
        },
        MessageList: { // 消息通知
            screen: MessageList
        },
        MessageDetail: { // 消息通知详情
            screen: MessageDetail
        },
        MyProfile: { // 个人资料
            screen: MyProfile
        },
        ChangePassword: { // 修改密码
            screen: ChangePassword
        },
        EditInput: { // 修改密码
            screen: EditInput
        },
        Brand: { // 品牌二级
            screen: Brand
        },
        BrandList: { // 品牌三级
            screen: BrandList
        },
        BrandDetail: { // 品牌详情
            screen: BrandDetail
        },
        Search: { // 搜索
            screen: Search
        },
        MineHudongPage: { // 我的发帖、收藏
            screen: MineHudongPage
        },
        QuestionList: { // 常见问题列表
            screen: QuestionList
        },
        QuestionDetail: { // 常见问题详情
            screen: QuestionDetail
        },
		AboutUs: { //关于我们
			screen: AboutUs
		},
    },
    {
        headerMode: 'screen',  // 标题导航
        initialRouteName: 'Main', // 默认先加载的页面组件
        mode: 'card'       // 定义跳转风格(card、modal)
    });

const StacksOverTab = createAppContainer(StacksOverTabs)
export default class App extends Component {
    render() {
        return (
            // 路由组件
            <StacksOverTab/>
        );
    }
}
